<!DOCTYPE html>
<!--加入对Thymeleaf模板引擎支持-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Hello</title>
    <link rel="stylesheet" th:href="@{/css/index.css}" />
</head>
<body>
欢迎您，<span th:text="${user.usrName}">张三</span>！
<br />
<span th:text="'欢迎您，' + ${user.usrName} + '！'">张三</span>
<br />
<span th:text="| 欢迎您'，'${user.usrName}'！'|">张三</span>
<br>
<div th:inline="text">
    <p>欢迎您，[[${user.usrName}]]</p>
</div>

<!-- 操作 request 对象，能获取到model中的数据并且优先级更高？？？--源码跟踪org.thymeleaf.context.WebEngineContext.setVariable(){this.request.setAttribute(name, value); // 783行代码} -- 将model中的值设置到request中，相同key被覆盖 -->
<p th:text="${#request.getAttribute('test')}"></p>
<p th:text="${#request.getAttribute('test1')}"></p>
<!-- 操作 request 作用域，不能使用 request.test 操作 -->
<p th:text="${test}"></p>
<!-- 操作 session 作用域 -->
<p th:text="${session.test}"></p>
<h1>Utility 对象</h1>
<!--格式化时间-->
<p th:text="${#dates.format(date, 'yyyy-MM-dd HH:mm:ss')}">2019-11-27 15:56:30</p>
<!--创建当前时间 精确到天-->
<p th:text="${#dates.createToday()}">2019-11-27</p>

<div th:object="${user}">
    <span th:text="*{usrName}">用户名</span>
    <span th:text="*{usrPassword}">密码</span>
</div>

<table>
    <tr style="background-color: #ccc;">
        <td>NO</td>
        <td>编号</td>
        <td>姓名</td>
        <td>密码</td>
        <td>状态</td>
    </tr>
    <tr th:each="user,stat : ${users}" th:style="${stat.even} ? 'background-color: #ccc;' : ''">
        <td th:text="${stat.even}"></td>
        <td th:text="${user.usrId}">编号</td>
        <td th:text="${user.usrName}">姓名</td>
        <td th:text="${user.usrPassword}">密码</td>
        <td th:text="${user.usrFlag==1} ? '激活' : '未激活'">状态</td>
    </tr>
</table>

<!--<script th:inline="javascript">
    var msg = 'Hello '+[[${user.usrName}]]+'！';
    alert(msg);
</script>-->
</body>
</html>